
    <link href="<?php echo base_url(''); ?>datepicker/css/datepicker.css" rel="stylesheet">
    <script src="<?php echo base_url(''); ?>datepicker/js/bootstrap-datepicker.js"></script>

    <section>
			<ul class="breadcrumb">
			  <li><a href="<?php echo base_url('index.php/mainController/'); ?>">Home</a> <span class="divider">/</span></li>
			  <li class="active">ยืมสำนวนคดี</li>
			</ul>

      <div class="page-header">
      	  <h1>ยืมสำนวนคดี</h1>
     	</div>

      <form class="form-horizontal">
        <div class="control-group">
          <label class="control-label" for="name">ชื่อผู้ยืม</label>
          <div class="controls">
            <input type="text" id="name" placeholder="ชื่อผู้ยืม">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="agencies">หน่วยงาน</label>
          <div class="controls">
            <input type="password" id="agencies" placeholder="หน่วยงาน">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="tel">โทรศัพท์</label>
          <div class="controls">
            <input type="password" id="tel" placeholder="โทรศัพท์">
          </div>
        </div>

      </form>

      <style>

      </style>

     	<div style="">
        <caption>รายการแฟ้มที่ค้างส่ง</caption>
        <div style="overflow: auto;">
       		<table class="table table-striped table-condensed" style="width:1300px;">
       			<thead>
       				<th>ลำดับที่</th>
       				<th>รหัสคดี</th>
       				<th>รายคดี/ชื่อคดี</th>
       				<th>จำนวนแฟ้ม<br>สำนวนคดีที่ยืม</th>
              <th>วันที่ยืม</th>
              <th>กำหนดคืน</th>
              <th>วันที่คืน</th>
       			</thead>
       			<tbody>
       				<tr>
       					<td>1</td>
       					<td>อ.0020/2555</td>
       					<td>นางสาว พิมพ์ภัทรา ปลื้มใจ 3-6703-01383-66-8 กับพวก</td>
       					<td>5</td>
       				
                <td> 1 มกราคม 2556</td>
                <td> 10 ตุลาคม 2556</td>
       					<td><a href="#" class="btn btn-mini" id="dp4" data-date-format="yyyy-mm-dd" data-date="2012-02-20"><i class="icon-calendar"></i></a></td>
                <td><?php echo anchor('','คืนแฟ้มบางส่วน')."<br>".anchor('','คืนแฟ้มทั้งหมด'); ?> </td>
                
       				</tr>
              <tr>
                <td>7</td>
                <td>0203/2555</td>
                <td>นางสาว ทองดี หรือ นางทองดี ลาภปัญญา  กับพวก</td>
                <td>2</td>
                
                <td> 30 มิถุนายน 2556</td>
                <td> 10 ตุลาคม 2556</td>
                <td><a href="#" class="btn btn-mini" id="dp4" data-date-format="yyyy-mm-dd" data-date="2012-02-20"><i class="icon-calendar"></i></a></td>
                <td><?php echo anchor('','คืนแฟ้มบางส่วน')."<br>".anchor('','คืนแฟ้มทั้งหมด'); ?> </td>
                
              </tr>
              <tr>
                <td>3</td>
                <td>0191/2555</td>
                <td>นาง ปัทมา โรจน์วัฒนวงศ์และนางจงลักษณ์ รัตนสถาพร  กับพวก</td>
                <td>3</td>
                
                <td> 22 เมษายน 2556</td>
                <td> 11 ธันวาคม 2556</td>
                <td><a href="#" class="btn btn-mini" id="dp4" data-date-format="yyyy-mm-dd" data-date="2012-02-20"><i class="icon-calendar"></i></a></td>
                <td><?php echo anchor('','คืนแฟ้มบางส่วน')."<br>".anchor('','คืนแฟ้มทั้งหมด'); ?> </td>
                
              </tr>
       			</tbody>
       		</table>
        </div>

        <div>จำนวนแฟ้มคดีที่ค้างส่ง <input type="text" class="input-small" placeholder=""> รายการ</div>

        <caption>รายการที่ทำการยืม <button class="btn btn-primary btn-small">เพิ่ม</button></caption>
        <div style="overflow: auto;">
          <table class="table table-striped table-condensed" style="width:1200px;">
            <thead>
              <th>ลำดับที่</th>
              <th>รหัสคดี</th>
              <th>รายคดี/ชื่อคดี</th>
              <th>จำนวนแฟ้ม<br>สำนวนคดีที่ยืม</th>
              <th>วันที่ยืม</th>
              <th>กำหนดคืน</th>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>อ.0020/2555</td>
                <td>นางสาว พิมพ์ภัทรา ปลื้มใจ 3-6703-01383-66-8 กับพวก</td>
                <td>1</td>
                
                <td> 1 มกราคม 2556</td>
                <td> 10 ตุลาคม 2556 </td>
                
                <td><?php echo anchor('','นำแฟ้มออกบางรายการ')."<br>".anchor('','นำแฟ้มออกทั้งหมด'); ?></td>
              </tr>
              <tr>
                <td>2</td>
                <td>0203/2555</td>
                <td>นางสาว ทองดี หรือ นางทองดี ลาภปัญญา  กับพวก</td>
                <td>2</td>
               
                <td> 30 มิถุนายน 2556</td>
                <td> 10 ตุลาคม 2556</td>
                
                <td><?php echo anchor('','นำแฟ้มออกบางรายการ')."<br>".anchor('','นำแฟ้มออกทั้งหมด'); ?></td>
              </tr>
              <tr>
                <td>3</td>
                <td>0191/2555</td>
                <td>นาง ปัทมา โรจน์วัฒนวงศ์และนางจงลักษณ์ รัตนสถาพร  กับพวก</td>
                <td>3</td>
  
                <td> 22 เมษายน 2556</td>
                <td> 11 ธันวาคม 2556</td>
                
                <td><?php echo anchor('','นำแฟ้มออกบางรายการ')."<br>".anchor('','นำแฟ้มออกทั้งหมด'); ?></td>
              </tr>
              
            </tbody>
          </table>
        </div>

        <div>จำนวนแฟ้มสำนวนคดีที่ทำการยืม <input type="text" class="input-small" placeholder=""> รายการ</div>

        <div class="control-group" align="center">
          <div class="controls">
            <button type="submit" class="btn">ยกเลิก</button>
            <button type="submit" class="btn btn-primary">บันทึก</button>
          </div>
        </div>

     	</div>

    </section>

    

    <script type="text/javascript">
    $(function(){
      $('#dp4').datepicker()
      .on('changeDate', function(ev){
        if (ev.date.valueOf() < startDate.valueOf()){

        }
      });
    });
    </script>